<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/endtoend.css">
    <link rel="stylesheet" href="css/shopping_trolley.css">
</head>
<body>
    <!-- 头部 -->
    <div class="head floor_scroll">
        <div class="center">
            <span>乐购www.legou.com</span>
            <div class="fr">
                <span>欢迎光临乐购 请</span>
                <span><a href="login.html">登录</a></span>
                <span><a href="signin.html">|注册</a></span>
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="navigation">
        <div class="center">
            <div class="box fl"></div>
            <div class="fl fl_top">
                <div class="clearfix">
                    <input type="text" class="fl"><input type="image" src="imgs/搜索.png" class="fl">
                    <span> <img src="imgs/购物车.png" alt=""> 购物车0</span>
                    <span>我的订单</span>
                </div>
                <div>
                    <ul>
                        <li><a href="index.html" style="color: #feb80f;">图书</a></li>
                        <li>电子书</li>
                        <li>原创文学</li>
                        <li>服装</li>
                        <li>运动户外</li>
                        <li>孕婴童</li>
                        <li>家居</li>
                        <li>创意文具</li>
                        <li>地方特产</li>
                        <li>海外购</li>
                        <li>电器城</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 搜索框滑出  -->
    <div class="head_navigation">
    </div>
    <!--  潮流新区-->
    <div class="shopping_cart">
        <div class="center">
            <!-- 全部商品 -->
            <div class="shopping_top clearfix">
                <div class="fl">
                    <span>全部商品</span><span>2</span>
                    <span>活动商品</span><span>0</span>
                    <span>库存紧张</span><span>0</span>
                </div>
                <div class="fr">
                    <span>温馨提示: 亲爱的顾客, 您还没有登录, 所有商品价格,活动信息以登录后显示为准</span>
                    <span>立即登录</span>
                </div>
            </div>
            <hr>
            <!-- 全选功能 -->
            <div class="check_all clearfix">
                <div class="fl">
                    <input type="checkbox" class="checkbox_box1">
                    <span>全选</span><span>删除</span><span>分享</span><span>移入收藏夹</span><span>消除失效宝贝</span>
                </div>
                <div class="fr">
                    <span>已选商品</span><span class="quantity_commodity">0</span>
                    <span>合计(不含运费)</span><span class="total-price">0</span>
                    <span><a href="payment.html">去结算</a></span>
                </div>
            </div>
            <hr>
            <!--商品选择  -->
            <div class="commodity">
                <div class="bx1550">
                    <table>
                        <tr>
                            <td><input type="checkbox" class="checkbox_box"></td>
                            <td><img src="imgs/u=1321584599,2344706766&fm=26&gp=0.jpg" width="100pxp"></td>
                            <td>
                                <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                                <span>新品</span><span>包邮</span>
                            </td>
                            <td>
                                <p>颜色: 魅夜黑
                                尺寸:M</p>
                            </td>
                            <td>
                                <p class="price">169.00</p>
                                <p><span>VIP</span>积分<span>100</span></p>
                            </td>
                            <td>
                                <span class="jian">-</span>
                                <input class="numberofgoods" type="text" value="1">
                                <span class="jia">+</span>
                            </td>
                            <td>
                                <p>移入收藏夹</p>
                                <p>删除</p>
                                <p>分享</p>
                                <p>相似宝贝</p>
                            </td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" class="checkbox_box"></td>
                            <td><img src="imgs/u=1321584599,2344706766&fm=26&gp=0.jpg" width="100pxp"></td>
                            <td>
                                <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                                <span>新品</span><span>包邮</span>
                            </td>
                            <td>
                                <p>颜色: 魅夜黑
                                尺寸:M</p>
                            </td>
                            <td>
                                <p class="price">169.00</p>
                                <p><span>VIP</span>积分<span>100</span></p>
                            </td>
                            <td>
                                <span class="jian">-</span>
                                <input class="numberofgoods" type="text" value="1">
                                <span class="jia">+</span>
                            </td>
                            <td>
                                <p>移入收藏夹</p>
                                <p>删除</p>
                                <p>分享</p>
                                <p>相似宝贝</p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!-- 猜你喜欢 -->
           <div class="scarlet_witch">
            <div class="bx1150">
                <p>猜你喜欢</p>
                <hr>
                <ul class="clearfix">
                    <li>
                        <img src="imgs/F7B9E52DEAEE25188EB8766D57986EEF.jpg" alt="">
                        <p>AIVEI秋新中长款牛仔</p>
                        <p>¥ 79.00</p>
                    </li>
                    <li>
                        <img src="imgs/F7B9E52DEAEE25188EB8766D57986EEF.jpg" alt="">
                        <p>AIVEI秋新中长款牛仔</p>
                        <p>¥ 79.00</p>
                    </li>
                    <li>
                        <img src="imgs/F7B9E52DEAEE25188EB8766D57986EEF.jpg" alt="">
                        <p>AIVEI秋新中长款牛仔</p>
                        <p>¥ 79.00</p>
                    </li>
                    <li>
                        <img src="imgs/F7B9E52DEAEE25188EB8766D57986EEF.jpg" alt="">
                        <p>AIVEI秋新中长款牛仔</p>
                        <p>¥ 79.00</p>
                    </li>
                    <li>
                        <img src="imgs/F7B9E52DEAEE25188EB8766D57986EEF.jpg" alt="">
                        <p>AIVEI秋新中长款牛仔</p>
                        <p>¥ 79.00</p>
                    </li>
                    <li>
                        <img src="imgs/F7B9E52DEAEE25188EB8766D57986EEF.jpg" alt="">
                        <p>AIVEI秋新中长款牛仔</p>
                        <p>¥ 79.00</p>
                    </li>
                </ul>
            </div>
           </div>
        </div>
    </div>











    <!-- 底部导航栏 -->
    <div class="tabbar floor_scroll">
        <div class="center">
            <ul class="clearfix">
                <li>
                    <img src="imgs/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg" alt="" class="fl">
                    <div class="safeguard fl">
                        <p>正品保障</p>
                        <p>正品行货 放心选购</p>
                    </div>
                </li>
                <li>
                    <img src="imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="" class="fl">
                    <div class="safeguard fl">
                        <p>正品保障</p>
                        <p>正品行货 放心选购</p>
                    </div>
                </li>
                <li>
                    <img src="imgs/CgQIz1WslI-Adao3AAAN5b_ut2I80100~1.jpg" alt="" class="fl">
                    <div class="safeguard fl">
                        <p>正品保障</p>
                        <p>正品行货 放心选购</p>
                    </div>
                </li>
                <li>
                    <img src="imgs/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg" alt="" class="fl">
                    <div class="safeguard fl">
                        <p>正品保障</p>
                        <p>正品行货 放心选购</p>
                    </div>
                </li>
            </ul>
            <hr>


            <ul>
                <li>新手入门</li>
                <li>购物流程</li>
                <li>会员制度</li>
                <li>订单查询</li>
                <li>服务协议及隐私说明</li>
                <li>网站地图</li>
            </ul>


            <ul>
                <li>支付方式</li>
                <li>货到付款</li>
                <li>网上支付</li>
                <li>礼品卡支付</li>
                <li>其它支付</li>
            </ul>


            <ul>
                <li>配送服务</li>
                <li>配送进度查询</li>
                <li>商品验货与签收</li>
            </ul>


            <ul>
                <li>相关规则</li>
                <li>平台规则</li>
                <li>退换货政策</li>
                <li>发票制度</li>
                <li>帮助中心</li>
            </ul>


            <ul>
                <li>App更优惠</li>
                <li><img src="imgs/qryhd.png" alt=""></li>
            </ul>


            <ul>
                <li>加微信查订单</li>
                <li><img src="imgs/qryhd.png" alt=""></li>
            </ul>

        </div>
    </div>
    <!-- 地址 -->
    <div class="site">
        <div class="center">
            <p>沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX |</p>
            <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <div class="copyright">
                <img src="imgs/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg" alt="">
                <img src="imgs/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg" alt="">
                <img src="imgs/f582260777c44b30.png" alt="">
                <img src="imgs/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg" alt="">
                <img src="imgs/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png" alt="">
                <img src="imgs/7b46518a9d74a1d6.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- jq -->
    <script src="js/jquery.js"></script>
    <!-- 滑出搜索框js -->
    <script src="js/sousuo.js"></script>
    <!-- <script>
        $('.price').children
    </script> -->
</body> 

</html>